* {
    margin: 0;
    padding: 0;
}
.box() {
    display: flex;
    display: -webkit-flex;
}
li {
    list-style: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.padding01(@top) {
    .px2rem(padding-top,@top);
}
.padding02(@bottom) {
    .px2rem(padding-bottom,@bottom);
}
.padding03(@left) {
    .px2rem(padding-left,@left);
}
.padding04(@right) {
    .px2rem(padding-right,@right);
}
.h(@height){
    .px2rem(height,@height);
}
.f(@font-size){
    .px2rem(font-size,@font-size)
}

header{
    .box();
    justify-content: space-between;
    .px2rem(height,98);
    background: #E4366B;
    align-items: center;
    span:nth-child(2){
        .f(50);
        color: #FFF;
    }
    span:nth-child(3){
        .f(35);
        .px2rem(width,113);
        .h(60);
        border: 1px solid #fff;
        text-align: center;
         .px2rem(line-height,60);
         color: #FFFFFF;
         .px2rem(border-radius,10);
         margin-right: 3%;
    }
    span{
        display: block;
//      width: 20%;
        img{
            width: 500%;
        }
    }
    
}
.times{
    .h(110);
    background: #000000;
}
section{
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
   .h(1000);
    div{
        .box();
        justify-content: center;
        .px2rem(margin-top,30);
        .px2rem(margin-bottom,50);
        img{
            width: 75%;
            height: 100%;
        }
        .img02{
            width: 85%;
            height: 100%;
        }
    }
   .div2{
       .px2rem(font-size,25);
       
       .se{
           text-decoration: line-through;
       }
       p{
           .box();
       }
   }
}
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    .h(110);
    background: #505058;
    color: #FFFFFF;
    .px2rem(font-size,45);
    ul{
        .box();
        li{
            flex: 1;
            text-align: center;
            .px2rem(line-height,110);
            
        }
        li.curr{
            border-top: 8px solid #e4366b;
        }
    }
}
